“Flat Diary” Documentation by “Aumkar Thakur” v1.0
Created: 23 Nov 2013
By: Aumkar Thakur
Email: aumkarakhilesh@gmail.com
Thank you for downloading my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Content
Getting Started - top
Hello, Lets start with installation process for these you need a account on blogger.com where you can create a free blog, In this guide I'm not going to tell you that how you can create a blog on blogger, I assume that you have a blogger account with a blogger blog, so let's get started!
Installing Blogger Template
Follow Below Steps To Install Blogger Template -
Default Settings
After installing the theme, this it the minimun setting to make all widget works fine in this themes.
Layout Explanation - top
Admin Panel is one of the best feature of this theme. It will help you to customize your theme layout easily, you can easily ad or remove new widget from your blog using this admin panel, You can simply access admin panel by clicking on Layout tab.
- In above image you can easily see header which is located at very top, you can use it to change your blog title and image.
- Just below header we are providing a free space for adding any widget, we highly recommend you to add ads there because it will increate your blog CTR.
- Normally, I don't suggest anyone to do anything with this portion because here your blog all post are located and by using several option you can customize it.
- It's your blog sidebar where you can add as many widget you can, just click on add gadget button and add widgets to your blog.
- It is another free space provided by us for you to add ads banner.
- We have provided 3 column footer which will help you to add widget on your blog footer with elegant look ;)
Customizing Menu - top
To customize the drop down menu located above header follow below steps-
<ul class="menunav l_tinynav1"> <li><a href="/">Home</a></li> <li><a href="your-link-here">About</a></li> <li><a href="your-link-here"> Portfolio</a> <ul> <li><a href="your-link-here">Web Design</a></li> <li><a href="your-link-here">Web Development</a></li> <li><a href="your-link-here">Illustrations</a></li> </ul> </li> <li><a href="your-link-here">Blog</a></li> <li><a href="your-link-here">Contact</a></li> </ul>
Customize Social Buttons - top
Social Media Follow Us buttons will help your blog/website to make your blog viral on Social Medias, To change the link of social medias button follow below steps:
<div class='boxingofscl'>
<div class='scl-btn-sid'> <a href='http://www.facebook.com/seobloggertemplates' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-H38kJ5PSU-k/Uin2qt9WW0I/AAAAAAAAAP8/W5Wmpt42xwY/s1600/facebook.png'/></a> </div> <div class='scl-btn-sid'> <a href='http://www.twitter.com/bloglordhtml' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-B3UXsAyQbdw/Uin2scG5PKI/AAAAAAAAAQU/zcSj3UljGCw/s1600/twitter.png'/></a> </div> <div class='scl-btn-sid'> <a href='http://www.plus.google.com/username' target='_blank'><img border='0' src='http://3.bp.blogspot.com/--Pp4ZjOu4Ew/Uin2qgGT5zI/AAAAAAAAAP4/sMX3HGgzctE/s1600/google+.png'/></a> </div> <div class='scl-btn-sid'> <a href='http://www.youtube.com/username' target='_blank'><img border='0' src='http://3.bp.blogspot.com/-2KJ18EdFkdM/Uin2sS-cP1I/AAAAAAAAAQQ/7Vv8-WQWRQo/s1600/youtube.png'/></a> </div> <div class='scl-btn-sid'> <a href='http://www.feedburner.com/username' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-aVX-dCRSr-A/Uin2qzynvOI/AAAAAAAAAQI/l-Mn8lg6sPs/s1600/rss.png'/></a> </div> </div>
Adding Label Cloud - top
Label cloud help you to show different types of catagories to your blog. To Add It to your blog follow below steps
Setup 404 Error Page - top
Follow below steps to add advance 404 error page to your blog:
<h2>Not Found, Error 404</h2>
<p>We're sorry but we could not find the
page you are looking for.
This may happen if you have entered site url incorrectly or this page
doesn't exist anymore.
<br/><br/>
You can try searching page again or go
back to home</p>
<form action="/search" id="searchform" method="
get">
<input id="s" name="q" onblur="if (this.value == "
") {this.value = "Search...";}" onfocus="if (this.value == "
Search...") {this.value = "";}" type="text" value="Search.
.."/>
<input id="searchsubmit" type="submit" value="Go"/>
</form>
<style>
.status-msg-body {
background: white;
border: 1px solid #333;
padding: 10px;
padding-right: 20px;
}
.status-msg-body h2 {
font-family: 'Ubuntu';
font-size: 30px;
}
.status-msg-body p {
font-style: italic;
}
#searchsubmit {
background: #dd5136;
border: none;
color: white;
padding: 4px 5px;
height: 30px;
font-size: 15px;
font-family: 'Ubuntu';
cursor: pointer;
}
#searchform #s {
height: 30px;
border: none;
font-size: 15px;
padding-right: 10px;
padding-left: 10px;
background: #eee;
font-style: italic;
font-family: lora;
}
</style>
Add You Own Facebook Apps ID - top
Step#1
Step#2
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
Change Theme Color - top
This theme has many customization option with which you can totally change it look, we are just providing you a framework with basic design. You can change theme color, link color, theme background color with just one click. Follow below step to customize your theme.
